<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>dom树</title>
		<script type='text/javascript' src='js/easter.js'></script>
	</head>

	<body>
		<form method="post" action="" name="myform">
			我几岁了? <br />
			<input id="myInput" type="text" value="Hello world!" size="50" />
		</form>
		<ul class="dom-ul" id="uls">
			<li class="dom-li">test1</li>
			<li class="dom-li">test2</li>
			<li class="dom-li">test3</li>
			<li class="dom-li">test4</li>
			<li class="dom-li">test5</li>
		</ul>
	</body>
	<script>
		console.log(document.getElementById('uls'));
		console.log($('li'));

		//如果没有引入其它的框架，可以这么写
		//alert('object old value is '+$('#myInput').val());
		//alert($('#myInput').val('I am 3 years now!').val());
		//强制使用完整名称.
		//		console.log($);

		//		console.log($);

		//Cat('#otherInput').val('这里的值是使用Cat(\'#otherInput\').val()方法来写入的哦');
		//或者可以这样写也行，仍然使用$, 把Cat作为匿名函数的参数$传进去。
		//		(function($) {
		//			//又可以用$了, 哈哈
		//			console.log($);
		//			$('#myInput').val('这里的值是使用Cat(\'#otherInput\').val()方法来写入的哦');
		//			$(".dom-li").css({
		//				'background': 'blue'
		//			});
		//			$("ul").append("<li><a href='www.baidu.com'><b>123213</b></a></li>");
		//			$.each('.dom-li', function(index) {
		//
		//			});
		//		})(Cat);

		//		//现在仍然可以使用$调用其它框架的方法.
		//		$.whoAmI();
	</script>

</html>